page-card-item {
  text-align: center;

  .amount {
    font-size: 16px;

    &--received {
      color: color($colors, success);
    }

    &--sent {
      color: color($colors, dark);
    }

    &--pending {
      color: color($colors, grey);
    }
  }

  .merchant {
    font-size: 16px;
  }

  #price {
    margin-bottom: 5px;
  }

  .date {
    font-size: 14px;
    margin-top: 2px;
  }

  .card-icon {
    .houston {
      width: 36px;
      height: 36px;
      border-radius: 40px;
      border: 1px solid;
      color: color($colors, light-grey);

      .svg {
        width: 22px;
        height: 22px;
        display: block;
        margin: 0 auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
      }
    }
  }
}
